<!DOCTYPE html >
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:th="http://www.thymeleaf.org/">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>个人中心-充值</title>
  <meta name="keywords" content="">
  <meta name="description" content="">

  <div th:include="includeJs::includeJs"></div>
  <div th:include="includeJs::layui_js"></div>

  <link rel="stylesheet" th:href="@{/css/account/lay-cz.css}">
  <link rel="stylesheet" th:href="@{/css/userInfo/common.css}">
  <link rel="stylesheet" th:href="@{/css/userInfo/user.css}">
  <link rel="stylesheet" th:href="@{/css/userInfo/fileupload.less.css}">

  <script type="text/javascript" th:src="@{/js/jquery.min.js}"></script>
  <script type="text/javascript" th:src="@{/js/userInfo/common.js}"></script>
  <script type="text/javascript" th:src="@{/js/userInfo/user.js}"></script>
</head>
<body>
<!--最上面-->
<link th:replace="includeJs::dingding_header">
<!--第二上面-->
<div style="background-color: white;width: 100%">
  <link th:replace="includeJs::dingding_nav">
</div>
<!--个人中心-->
<div class="wrapper wbgcolor">
  <div class="w1200 personal">
    <link th:replace="includeJs::userInfoMenu">
    <label id="typeValue" style="display:none;"> </label>
    <div class="personal-main">
      <div class="personal-pay">
        <h3><i>充值</i></h3>
        <div class="quick-pay-wrap">
          <h4> <span class="quick-tit pay-cur"><em>支付宝快捷支付</em></span> <span class="online-tit"><em>网银充值</em></span> </h4>
            <div class="quick-main">
              <div class="fl quick-info">
                <div class="info-1">
                  <form action="" >
                    <input type="hidden"  id="userId"  th:value="${userId}"/>
                  </form>
                  <span class="info-tit">充值金额</span>
                  <span class="info1-input">
                    <input id="form:actualMoney1" type="text" name="" class="pay-money-txt" maxlength="10">
                  <em>元</em>
                  </span>
                  <span class="quick-error"> </span>
                </div>

                <div class="bank-check" id="bank-check2" style="margin-top: 50px;">
                  <b class="selected" id="bankProtocol1"></b>
                  <span class="bank-agree">我同意并接受
                    <a href="#" style="text-decoration:none">《叮叮投资咨询与管理服务电子协议》</a>
                  </span> <span class="error" style="display:none;margin-top:-3px;">请同意协议内容！</span>
                </div>
                <input type="button" id="zfbcz" name="" value="充值" class="btn-paycz" >
              </div>

            </div>

          <!--网银充值-->
          <div class="online-main" style="display:none;">

              <div class="online-mar">
                <div class="quick-info quick-info-width">
                  <div class="info-1">
                    <span class="info-tit">充值金额</span>
                    <span class="info1-input">
                      <input id="recharge:actualMoney" type="text" name="recharge:actualMoney" class="pay-money-txt" maxlength="10" onblur="checkRecharge()" onkeydown="amount(this);keyUpcheck()" onkeyup="amount(this);keyUpcheck()">
                      <em>元</em>
                    </span>
                    <span id="actualMoneyErrorDiv" class="quick-error2"> </span>
                  </div>
                </div>
              </div>
              <div>
                <span>
                  <font style=" color:#848484;font-weight:bold; margin-left:80px; height:32px; line-height:32px; font-size:12px;">亿人宝提醒您：充值前，请核实您的可用支付额度！</font>
                </span>
              </div>

              <!--选择充值银行-->
              <div class="pay-bank" id="pay-bank" >
                <h6>请选择充值银行</h6>
                <span id="showpay" style="display:none;"></span>
                <ul id="paysSpan" style="height:150px;">
                  <li th:each="userBank:${userBanks}">
                    <img th:id="${userBank.BId}" th:src="'https://apimg.alipay.com/combo.png?d=cashier&t='+${userBank.bankCode}"><br>
                  </li>
                </ul>
              <div class="bank-check" id="bank-check">
                <b class="selected" id="bankProtocol"></b>
                <span class="bank-agree">我同意并接受
                  <a href="#" style="text-decoration:none">
                    《叮叮金融投资咨询与管理服务电子协议》
                  </a>
                </span>
                <span class="error"style="display:none;margin-top:-3px;">请同意协议内容！</span>
              </div>
              <input type="button" id="yhkCz" name="recharge:j_idt96" value="充值" class="btn-paycz">
                <input type="hidden" name="javax.faces.ViewState" id="javax.faces.ViewState">
              </div>

          </div>
          <div class="pay-tipcon" style="display:none;"> <b>充值提示：</b><br>
            1．亿人宝充值过程免费，不向用户收取任何手续费。<br>
            2．为了您的账户安全，请在充值前进行身份认证、手机绑定以及交易密码设置。<br>
            3．您的账户资金将通过丰付支付第三方平台进行充值。<br>
            4．请注意您的银行卡充值限制，以免造成不便。<br>
            5．如果充值金额没有及时到账，请联系客服—400-999-8850 </div>
          <div class="pay-tipcon2"> <b>温馨提示：</b><br>
            1. 投资人充值过程全程免费，不收取任何手续费。<br>
            2. 为防止套现，所充资金必须经投标回款后才能提现。<br>
            3. 使用快捷支付进行充值，可能会受到不同银行的限制，如需大额充值请使用网银充值进行操作。<br>
            4. 充值/提现必须为银行借记卡，不支持存折、信用卡充值。<br>
            5. 严禁利用充值功能进行信用卡套现、转账、洗钱等行为，一经发现，将封停账号30天。<br>
            6. 充值期间，请勿关闭浏览器，待充值成功并返回首页后，所充资金才能入账，如有疑问，请联系客服。<br>
            7. 充值需开通银行卡网上支付功能，如有疑问请咨询开户行客服。<br>
          </div>
        </div>
      </div>

      <div class="alert-450 alert-h220" id="alert-rechargeFailture" style="display:none;">
        <div class="alert-title">
          <h3>登录网上银行充值</h3>
          <span class="alert-close" onclick="displaySpan('alert-rechargeFailture')"></span></div>
        <div class="alert-main">
          <form id="rechargeFailtureForm">
            <p class="msg1"><i class="no-icon"></i><i class="msgtxt">充值失败</i>您可以：<a href="#"><font color="#28A7E1">选择其他银行充值</font></a>或查看<a href="#"><font color="#28A7E1">充值帮助</font></a></p>
          </form>
        </div>
      </div>

      <div class="clear"></div>
      <div class="alert-400 alert-h220" id="alert-ClickDialog" style="display:none;">
        <div class="alert-title">
          <h3>消息</h3>
        </div>
        <div class="alert-main">
          <p class="msg4"> </p>
          <p class="msg-a"><a class="btn-ok btn-145" onclick="displaySpan('alert-ClickDialog')" href="#">关 闭</a></p>
        </div>
      </div>
      <div class="alert-400 alert-h220" id="alert-unbindMsgDialog" style="display:none;">
        <div class="alert-title">
          <h3>消息</h3>
        </div>
        <div class="alert-main">
          <p class="msg4"> </p>
          <p class="msg-a"><a class="btn-ok btn-145" onclick="displaySpan('alert-unbindMsgDialog')" href="#">关 闭</a></p>
        </div>
      </div>
      <div class="alert-450" id="alert-tyht" style="display:none;">
        <div class="alert-title">
          <h3>提示信息</h3>
          <span class="alert-close" onclick="displaySpan('alert-tyht')"></span></div>
        <div class="alert-main" style="margin-bottom: 35px;margin-left: 25px;">
          <p class="msg4"> 你需要阅读并同意《亿人宝金融投资咨询与管理服务电子协议》 </p>
        </div>
      </div>
    </div>
  </div>
  <!--密码输入层-->
  <div  id="password-div" class="password-div" style="display: none;margin-left: 120px;margin-top: 35px;">
    <label id="pwd" for="password" class="password-lable">
      <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
      </ul>
      <input id="password" type="password" name="password" maxlength="6">
    </label>
    <div style="margin-top: 50px;margin-left: 50px;">
      <button type="button" id="qdcz" class="layui-btn layui-btn-danger layui-btn-radius" style="width: 100px;">确定</button>
    </div>
  </div>
</div>
<link th:replace="includeJs::userInfoJS">

<script>
  $(function(){
    $('.quick-tit').click(function(){

      $(this).addClass('pay-cur');
      $(this).siblings().removeClass('pay-cur');
      $('.quick-main').show();
      $('.online-main').hide();

      $(".pay-tipcon").hide();
      $(".pay-tipcon2").show();

    })

    $('.online-tit').click(function(){

      $(this).addClass('pay-cur');
      $(this).siblings().removeClass('pay-cur');
      $('.quick-main').hide();
      $('.online-main').show();

      $(".pay-tipcon2").hide();
      $(".pay-tipcon").show();
    })
  });
  //<![CDATA[
  function showSpan(op){

    $("body").append("<div id='mask'></div>");
    $("#mask").addClass("mask").css("display","block");

    $("#"+op).css("display","block");
  }

  function displaySpan(op){
    $("#mask").css("display","none");
    $("#"+op).css("display","none");
  }
  //]]>
</script>
<script>
  //<![CDATA[
  function checkRecharge() {
    var moneyRegex="^(([1-9]+[0-9]*)|((([1-9]+[0-9]*)|0)\\.[0-9]{1,2}))$";
    var money = $("#recharge\\:actualMoney").val();
    var nullFlag=(money=="")||money<=0;
    var numberFlag=isNaN(money);
    //如果输入为空
    if(nullFlag)
    {
      var $span = "<em></em>请输入金额";
      $("#actualMoneyErrorDiv").html($span);
      return false;
    }
    else
    {
      $("#actualMoneyErrorDiv").html("");
    }
    //如果输入的不是数字
    if(numberFlag)
    {
      var $span = "<em></em>请输入数字</span>";
      $("#actualMoneyErrorDiv").html($span);
      return false;
    }
    else
    {
      $("#actualMoneyErrorDiv").html("");
    }
    //输入金额是否合法
    var moneyPattern = new RegExp(moneyRegex);
    var legalFlag=moneyPattern.test(money);
    if(!legalFlag)
    {
      var $span = "<em></em>金额必须大于0且为整数或小数，小数点后不超过2位</span>";
      $("#actualMoneyErrorDiv").html($span);
      return false;
    }
    else
    {
      $("#actualMoneyErrorDiv").html("");
    }
    return true;
  }

  function validateAgree(){
    var $checkname=$("#bank-check").children("b").hasClass("selected");
    if(!($checkname)) {
      return false;
    }else {
      return true;
    }
  }
  function getShowPayVal(){
    var rechargeFlag=checkRecharge();
    var agreeFlag=validateAgree();
    flag=rechargeFlag&&agreeFlag;
    $("#recharge\\:rechargeWay").val($("#showpay").html());
    var bankProtocol = $("#bankProtocol").attr('class');
    if(!bankProtocol)
    {
      $("#bankProtocol_message").show();
      return false;
    }
    return flag;
  }


  function amount(th){
    var regStrs = [
      ['^0(\\d+)$', '$1'], //禁止录入整数部分两位以上，但首位为0
      ['[^\\d\\.]+$', ''], //禁止录入任何非数字和点
      ['\\.(\\d?)\\.+', '.$1'], //禁止录入两个以上的点
      ['^(\\d+\\.\\d{2}).+', '$1'] //禁止录入小数点后两位以上
    ];
    for(i=0; i<regStrs.length; i++){
      var reg = new RegExp(regStrs[i][0]);
      th.value = th.value.replace(reg, regStrs[i][1]);
    }
    if(th.value>9999999.99){
      th.value = th.value.substr(0,th.value.length-1);
    }
  }

  //验证输入银行卡号的合法性
  function checkBankCardNo() {
    //$("#form\\:defaultBankName").text("");
    var cardNo = $("#form\\:bankCardNo").val();
    var reg = /^\d{16,19}$/g; // 以19位数字开头，以19位数字结尾
    if( !reg.test(cardNo) )
    {
      //$(".info2-bank").css({"display":"none"});
      var $span = "<em></em>银行卡号输入错误";
      $("#bankCardError").html($span);
      return false;
    } else{
      //$(".info2-bank").css({"display":"block"});
      $("#bankCardError").html("");
    }
    return true;
  }
  function checkBank() {
    $("#form\\:defaultBankName").text("");
    var cardNo = $("#form\\:bankCardNo").val();
    var reg = /^\d{16,19}$/g; // 以19位数字开头，以19位数字结尾
    if( !reg.test(cardNo) )
    {
      $(".info2-bank").css({"display":"none"});
      return false;
    } else{
      $(".info2-bank").css({"display":"block"});
    }
    return true;
  }
  //同意协议
  function validateAgree2(){
    var $checkname=$("#bank-check2").children("b").hasClass("selected");
    if(!($checkname))
    {
      showSpan('alert-tyht');
      return false;
    }
    else
    {
      return true;
    }
  }

  function checkRecharge1() {
    var moneyRegex="^(([1-9]+[0-9]*)|((([1-9]+[0-9]*)|0)\\.[0-9]{1,2}))$";
    var money = $("#form\\:actualMoney1").val();
    var nullFlag=(money=="")||money<=0;
    var numberFlag=isNaN(money);
    //如果输入为空
    if(nullFlag)
    {
      var $span = "<em></em>请输入充值金额";
      $(".quick-error").html($span);
      return false;
    }
    else
    {
      $(".quick-error").html("");
    }
    //如果输入的不是数字
    if(numberFlag)
    {
      var $span = "<em></em>请输入数字";
      $(".quick-error").html($span);
      return false;
    }
    else
    {
      $(".quick-error").html("");
    }
    //输入金额是否合法
    var moneyPattern = new RegExp(moneyRegex);
    var legalFlag=moneyPattern.test(money);
    if(!legalFlag)
    {
      var $span = "<em></em>金额必须大于0且为整数或小数，小数点后不超过2位";
      $(".quick-error").html($span);
      return false;
    }
    else
    {
      $(".quick-error").html("");
    }

    if(parseInt(money) > 500000){
      var $span = "<em></em>充值金额超过500000元";
      $(".quick-error").html($span);
      return false;
    }else
    {
      $(".quick-error").html("");
    }
    return true;
  }

  //提交
  $("#zfbcz").click(function () {
    var rechargeFlag=checkRecharge1(); //充值金额
    var agreeFlag=validateAgree2(); //同意协议
    if(rechargeFlag && agreeFlag){
      location.href='/pay?userId='+$("#userId").val()+"&money="+$("#form\\:actualMoney1").val();
    }

  })
  function getShowPayVal1(){
    var rechargeFlag=checkRecharge1();
    //var bankCardFlag = checkBankCardNo();
    var agreeFlag=validateAgree2();
    var payflag=rechargeFlag && bankCardFlag && agreeFlag;
   /* var defaultBankName = $("#form\\:defaultBankName").text();
    if(defaultBankName.replace(/(^\s*)|(\s*$)/g, "")=="此银行暂不支持"){
      var $span = "<em></em>此银行暂不支持";
      $(".quick-error3").html($span);
      return false;
    }*/
    /*$("#recharge\\:rechargeWay").val($("#showpay").html());
    var bankProtocol = $("#bankProtocol").attr('class');
    if(!bankProtocol)
    {
        $("#bankProtocol_message").show();
         return false;
    }*/
    if(payflag){
      alert("进来了")
      location.href='/pay?userId='+$("#userId").val()+"&money="+$("#form\\:actualMoney1").val();
    }
    return payflag;
  }
  //验证金额
  function checkRecharge2() {
    var moneyRegex="^(([1-9]+[0-9]*)|((([1-9]+[0-9]*)|0)\\.[0-9]{1,2}))$";
    var money = $("#form2\\:actualMoney2").val();
    var nullFlag=(money=="")||money<=0;
    var numberFlag=isNaN(money);
    //如果输入为空
    if(nullFlag)
    {
      var $span = "<em></em>请输入充值金额";
      $("#quick-error2").html($span);
      return false;
    }
    else
    {
      $("#quick-error2").html("");
    }
    //如果输入的不是数字
    if(numberFlag)
    {
      var $span = "<em></em>请输入数字";
      $("#quick-error2").html($span);
      return false;
    }
    else
    {
      $("#quick-error2").html("");
    }
    //输入金额是否合法
    var moneyPattern = new RegExp(moneyRegex);
    var legalFlag=moneyPattern.test(money);
    if(!legalFlag)
    {
      var $span = "<em></em>金额必须大于0且为整数或小数，小数点后不超过2位";
      $("#quick-error2").html($span);
      return false;
    }
    else
    {
      $("#quick-error2").html("");
    }

    if(parseInt(money) > 50000){
      var $span = "<em></em>充值金额超过50000元";
      $("#quick-error2").html($span);
      return false;
    }else
    {
      $("#quick-error2").html("");
    }
    return true;
  }

  //提交
  function getShowPayVal2(){
    var rechargeFlag=checkRecharge2();
    var agreeFlag=validateAgree2();
    var payflag=rechargeFlag && agreeFlag;
    /*$("#recharge\\:rechargeWay").val($("#showpay").html());
    var bankProtocol = $("#bankProtocol").attr('class');
    if(!bankProtocol)
    {
        $("#bankProtocol_message").show();
         return false;
    }*/
    return payflag;
  }

  /* function showSpan(op){
      $("body").append("<div id='maskCommon'></div>");
      $("#maskCommon").addClass("mask1").css("display","block");
      $("#"+op).css("display","block");
  } */

  /* function displaySpan(op){
      $("#alert-ClickDialog").hide();
      $("#maskCommon").hide();
  } */

  $(document).ready(function(){
    if("false"=='true'){
      showSpan("alert-ClickDialog");
    }
    if("false"=='true'){
      showSpan("alert-unbindMsgDialog");
    }
  });
  //]]>
</script>
<!--银行卡充值-->
<script>
  layui.use(['layer','element'], function() {
    var $ = layui.jquery,
            layer = layui.layer,//独立版的layer无需执行这一句
            element = layui.element



    $('#paysSpan img').each(function (e) {
      $(this).click(function () {
        $(this).css('border','1px solid #f1483c').parents().siblings().children('img').css('border','1px solid #D0D0D0');
      });
    });
    /*银行卡充值按钮*/
    $('#yhkCz').click(function () {
      $.ajax({//查找银行卡
        url:"/czBank",
        type: "post",
        dataType:"json",
        success: function (data) {
          if(data==0){
            layer.msg('您还未绑定银行卡，请前往绑定',{time:3000,icon:2});
            return;
          }
        },
        error:function () {
          layer.msg('呀呀呀,报错啦',{time:3000,icon:2});
          return false;
        }
      })
      let id=null;
      $('#paysSpan img').each(function (e) {
        if ($(this).css('border') == '1px solid rgb(241, 72, 60)'){
          id = $(this).attr('id')
        }
      });

      if(id ==null){
        layer.msg('请选择银行卡',{time:2000,icon:2})
        return;
      }

      var rechargeFlag=checkRecharge(); //充值金额
      var agreeFlag=validateAgree(); //同意协议
      if(id!=null && rechargeFlag && agreeFlag){
        /*layer.msg("充值成功！！",setTimeout(function () {
          window.location.href='/bankRecharge/'+$("#userId").val()+"/"+$("#recharge\\:actualMoney").val()+"/"+id;
        }),3000)*/
        $.ajax({
          url:"/bankRecharge/"+$("#userId").val()+"/"+$("#recharge\\:actualMoney").val()+"/"+id,
          type: "post",
          dataType:"json",
          success: function (data) {
            if(data==1){
              layer.msg('您还未设置交易密码，请前往设置',{time:3000,icon:2});
              return;
            }else {
              layer.open({
                type: 1,
                title: '请输入密码',
                skin: 'layui-layer-demo', //样式类名
                area: ['450px', '200px'],
                closeBtn: 2, //不显示关闭按钮
                fixed: false, //不固定
                maxmin: true,
                content: $('#password-div')
              });
            }
          },
          error:function () {
            layer.msg('呀呀呀,报错啦',{time:3000,icon:2});
            return false;
          }
        })
        //银行卡确定充值
        $("#qdcz").click(function () {
          $(this).removeClass("layui-btn-danger")
          $(this).addClass("layui-btn-disabled")
          this.disabled =true;
          var btn = this;
          let $password= $("#password").val();
          if(null == $password || $password.length!=6){
            layer.msg('请输入密码。',{time:2000,icon:2});
            $(this).removeClass("layui-btn-disabled")
            $(this).addClass("layui-btn-danger")
            btn.disabled =false;
            return;
          }else {
            $.ajax({//查找交易密码
              url:"/payPwd/"+$("#userId").val()+"/"+$password+"/"+$("#recharge\\:actualMoney").val(),
              type:"post",
              dataType:"json",
              success:function (data) {
                $(btn).removeClass("layui-btn-disabled")
                $(btn).addClass("layui-btn-danger")
                if(data ==0){
                  layer.msg('充值成功',{time:2000,icon:1});
                  setTimeout(function (){
                    btn.disabled =true;
                    window.location.reload();
                  },2000);

                }else if(data==2){
                  layer.msg("账户已被锁定,请明天再试!",{time:2000,icon:2});
                  $("#pwd ul li").text('');
                  btn.disabled =false
                  //$("#pwd").focus();
                  return;
                }else if(data==1){
                  layer.msg("密码错误,请重新输入",{time:2000,icon:2});
                  btn.disabled =false
                  $("#pwd ul li").text('');
                  return;
                }
              },
              error:function () {
                $(btn).removeClass("layui-btn-disabled")
                $(btn).addClass("layui-btn-danger")
                btn.disabled =false
                layer.msg('呀呀呀,报错啦',{time:2000,icon:2});
              }
            })
          }
        })
      }
    })
  });


</script>
<script type="text/javascript">
  $("#recharge\\:actualMoney").val("单笔大于0元");
  var value = "单笔大于0元";
  $("#recharge\\:actualMoney").focus(
          function(){
            $(this).css({"font-size":"24px","font-weight":"bold","font-family":"Arial","border":"1px solid #0caffe"});
            if($("#recharge\\:actualMoney").val() == value) {
              $("#recharge\\:actualMoney").val("")
              $(this).css({"font-size":"24px","font-weight":"bold","font-family":"Arial"});
            }
          }).blur(
          function(){
            $(this).css("border","1px solid #D0D0D0");
            if($("#recharge\\:actualMoney").val() == "") {
              $("#recharge\\:actualMoney").val("单笔大于0元").css("color", "#D0D0D0");
              $(this).css({"color":"#D0D0D0","font-size":"14px","font-weight":"normal"});
            }
          })

  $("#form\\:actualMoney1").val("单笔大于0元");
  $("#form\\:actualMoney1").focus(
          function(){
            $(this).css({"font-size":"24px","font-weight":"bold","font-family":"Arial","border":"1px solid #0caffe", "height":"38px"});
            if($("#form\\:actualMoney1").val() == value) {
              $("#form\\:actualMoney1").val("");
              $(this).css({"font-size":"24px","font-weight":"bold","font-family":"Arial", "height":"38px"});
            }
          }).blur(
          function(){
            $(this).css("border","1px solid #D0D0D0");
            if($("#form\\:actualMoney1").val() == "") {
              $("#form\\:actualMoney1").val("单笔大于0元").css("color", "#D0D0D0");
              $(this).css({"color":"#D0D0D0","font-size":"14px","font-weight":"normal", "height":"38px"});
            }
          })

  $("#form2\\:actualMoney2").val("单笔大于0元");
  $("#form2\\:actualMoney2").focus(
          function(){
            $(this).css({"font-size":"24px","font-weight":"bold","font-family":"Arial","border":"1px solid #0caffe", "height":"38px"});
            if($("#form2\\:actualMoney2").val() == value) {
              $("#form2\\:actualMoney2").val("")
              $(this).css({"font-size":"24px","font-weight":"bold","font-family":"Arial", "height":"38px"});
            }
          }).blur(
          function(){
            $(this).css("border","1px solid #D0D0D0");
            if($("#form2\\:actualMoney2").val() == "") {
              $("#form2\\:actualMoney2").val("单笔大于0元").css("color", "#D0D0D0");
              $(this).css({"color":"#D0D0D0","font-size":"14px","font-weight":"normal", "height":"38px"});
            }
          })

  function keyUpcheck() {
    $(this).css({"font-size":"24px","font-weight":"bold","font-family":"Arial"});
  }

  $("#form\\:bankCardNo").val("请输入银行卡号");
  var cardValue = "请输入银行卡号";
  $("#form\\:bankCardNo").focus(
          function(){
            $(this).css({"font-size":"14px","font-weight":"bold","font-family":"Arial","border":"1px solid #0caffe", "color": "rgb(75, 73, 72)"});
            if($("#form\\:bankCardNo").val() == cardValue) {
              $("#form\\:bankCardNo").val("")
              $(this).css({"font-size":"14px","font-weight":"bold","font-family":"Arial"});
            }
          }).blur(
          function(){
            $(this).css("border","1px solid #D0D0D0");
            if($("#form\\:bankCardNo").val() == "") {
              $("#form\\:bankCardNo").val("请输入银行卡号").css("color", "#D0D0D0");
              $(this).css({"color":"#D0D0D0","font-size":"14px","font-weight":"normal"});
            }
          })
</script>
<!--支付密码-->
<script>
  //查询支付密码
  $(".password-div input").on("input",function(e){ //标签为password-div下的input添加oninput事件
    var number = 6;   //定义输入最大值
    var pw = $("input[name = 'password']").val(); //定义pw为name是password的input框的输入值
    var list = $(".password-div ul li");  //定义list是li
    for(var i = 0; i < number ; i++){    //for循环遍历将·放入li标签
      if(pw[i]){
        $(list[i]).text("·");
      }else{
        $(list[i]).text("");
      };
    };
  });
  $(".password-div ul").click(function(){
    $("input[name = 'password']").val("");
    $("#password").focus();
    $(".password-div ul li").text("");
  });
</script>
</body>
</html>
